<template>
  <main>
    <!-- <keep-alive> -->
      <banner></banner>
      <sounds></sounds>
      <channels></channels>
      <music></music>
    <!-- </keep-alive> -->
  </main>
</template>

<script>
import Banner from "../components/Banner";
import Sounds from '../components/Sounds';
import Channels from '../components/Channels';
import Music from '../components/Music';
export default {
  components:{
    Banner,
    Sounds,
    Channels,
    Music
  }
}
</script>

<style lang="scss" scoped>
    main{
        flex:1;
        flex-basis: auto;
        min-height:0;
        margin-top:0.05rem;
      }
</style>